<template>
  <div class="notfound_view">
    <img src="@/assets/404.svg" alt="" />
    <div class="notfound_desc">页面找不到了哟</div>
    <a-button type="primary" @click="goBack">返回首页</a-button>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();

const goBack = () => {
  router.push("/");
};
</script>
<style lang="less">
.notfound_view {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  // background-color: var(--color-bg-1);
  // color: var(--color-text-1);
  .notfound_desc {
    margin-bottom: 10px;
  }
  img {
    width: 400px;
    height: auto;
  }
}
</style>
